<template>
  <div :class="'inter-course-detail-box'">
    <interview-course-left　:left-infos ="datas.leftDatas" />
    <el-col :span="19" :class="'course-main-box'">
      <span class="iconfont icon-icon-top-copy main-box-icon"></span>
      <el-row :class="'course-detail-container passed-detail'">
        <!-- status: 6 取消面试 -->
        <div v-if="datas.leftDatas.status === 6" class="detail-title">
          第{{ datas.details.interview_num }}轮面试：{{datas.details.tempInterviewBackTxt}}
        </div>
        <div v-else class="detail-title">
          第{{ datas.details.interview_num }}轮面试反馈：{{
            datas.details.tempInterviewBackTxt
          }}
        </div>
        <el-col
          :span="12"
          :class="'info-item'"
          v-if="!datas.details.isReexamine"
        >
          <span class="info-item-tip"> 期望入场时间 </span>
          <span class="sign">:</span>
          <span class="info-item-txt">
            {{ datas.details.admittime && datas.details.admittime.split(' ')[0] }}
          </span>
        </el-col>
        <el-col
          :span="24"
          :class="'info-item'"
          v-if="!datas.details.isReexamine"
        >
          <span class="info-item-tip"> 外包人员汇报对象 </span>
          <span class="sign">:</span>
          <span class="info-item-txt">
            {{ datas.details.admitlinkman }}
          </span>
        </el-col>

        <el-col
          :span="24"
          class="info-item info-item-flex"
          v-if="!datas.details.isReexamine"
        >
          <span class="info-item-tip"> 入场地点 </span>
          <span class="sign">:</span>
          <p class="info-item-txt" :title="datas.details.address">
            {{ datas.details.address}}
          </p>
        </el-col>

        <el-col :span="24" class="info-item info-item-flex">
          <span class="info-item-tip"> {{ datas.leftDatas.status === 6? '备注': '面试反馈' }}  </span>
          <span class="sign">:</span>
          <p class="info-item-txt">
            {{ datas.details.remarks }}
          </p>
        </el-col>
      </el-row>
      <!-- v-if="datas.details.isReexamine" -->
      <el-row
        :class="'course-detail-container'"
        v-if="datas.details.isReexamine && datas.details.interview_name"
      >
        <div class="sub-detail-title">面试官信息</div>
        <el-row :class="'course-sub-detail'">
          <el-col :span="12" :class="'info-item'">
            <span class="info-item-tip"> 面试官 </span>
            <span class="sign">:</span>
            <span class="info-item-txt">
              {{ datas.details.interview_name }}
            </span>
          </el-col>

          <el-col :span="24" class="info-item info-item-flex">
            <span class="info-item-tip"> 备注 </span>
            <span class="sign">:</span>
            <p class="info-item-txt">
              {{
                datas.details.interview_remarks
              }}
            </p>
          </el-col>
        </el-row>
      </el-row>
    </el-col>
  </div>
</template>
<script>
import InterviewCourseLeft from "./interviewCourseLeft";
export default {
  props: {
    datas: {
      type: Object,
      default: function () {
        return {};
      },
    },
  },
  components: {
    InterviewCourseLeft,
  },
  data() {
    return {};
  },
};
</script>
<style lang="scss">
@import "~@/assets/scss/mixins.scss";
@include Course-Detail;
</style>
